<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="./js/extend.js"></script>
	<script type="text/javascript" src="./js/slide.js"></script>
	<link rel="stylesheet" href="./css/inc.css" />
	<title>按钮</title>
</head>
<body>
	<div class="w800 auto">
		<div class="Menu">
			<a href="index.html"><i class="icon-home gray mr5"></i>首页</a>
			<a href="layer.html"><i class="icon-th gray mr5"></i>布局</a>
			<a href="table.html"><i class="icon-table gray mr5"></i>表格</a>
			<a href="form.html"><i class="icon-building gray mr5"></i>表单</a>
			<a href="button.html"><i class="icon-coffee gray mr5"></i>色彩</a>
			<a href="ico.html"><i class="icon-leaf gray mr5"></i>图标</a>
			<a href="js.html"><i class="icon-legal gray mr5"></i>js插件</a>
		</div>
	</div>
	<div class="container w800 auto mt10 of">
		<div class="row">
			<div class="span12 bdc">
				<h3 class="tc bgwhite-1 p5 orange fm">常用色彩[按钮]</h3>
				<p class="p10">
					<span class="dib w100 mt5"><b class="btn bgred">bgred</b></span>
					<span class="dib w100 mt5"><b class="btn bggreen">bggreen</b></span>
					<span class="dib w100 mt5"><b class="btn bgblue">bgblue</b></span>
					<span class="dib w100 mt5"><b class="btn bgpurple">bgpurple</b></span>
					<span class="dib w100 mt5"><b class="btn bgteal">bgteal</b></span>
					<span class="dib w100 mt5"><b class="btn bgnavy">bgnavy</b></span>
					<span class="dib w100 mt5"><b class="btn bgmaroon">bgmaroon</b></span>
					<span class="dib w100 mt5"><b class="btn bgorange">bgorange</b></span>
					<span class="dib w100 mt5"><b class="btn bgyellow4 black tswhite">bgyellow</b></span>
					<span class="dib w100 mt5"><b class="btn bggray">bggray</b></span>
					<span class="dib w100 mt5"><b class="btn bgblack">bgblack</b></span>
					<span class="dib w100 mt5"><b class="btn bgwhite gray tswhite">bgwhite</b></span>
					<span class="dib w100 mt5"><b class="btn bgwhite-1 gray tswhite">bgwhite-1</b></span>
					<span class="dib w100 mt5"><b class="btn bgsilver">bgsilver</b></span>
					<span class="dib w100 mt5"><b class="btn bglime">bglime</b></span>
					<span class="dib w100 mt5"><b class="btn bgolive">bgolive</b></span>
					<span class="dib w100 mt5"><b class="btn bgaqua">bgaqua</b></span>
					<span class="dib w100 mt5"><b class="btn bgfuchsia">bgfuchsia</b></span>
					<span class="dib w100 mt5"><b class="btn bgteal-3">bgteal-3</b></span>
					<span class="dib w100 mt5"><b class="btn bgcolor">提交表单</b></span>
					<span class="dib w100 mt5"><b class="btn bgcolor disabled">禁止提交</b></span>
				</p>
			</div>
		</div>
		<div class="row mt10">
			<div class="span12 bdc">
				<h3 class="tc bgwhite-1 p5 gray fm">常用色彩</h3>
				<p class="p10 ">
					<span class="dib w100 mt5"><b class="dib p5 white bgred">bgred</b></span>
					<span class="dib w100 mt5"><b class="dib p5 white bggreen">bggreen</b></span>
					<span class="dib w100 mt5"><b class="dib p5 white bgblue">bgblue</b></span>
					<span class="dib w100 mt5"><b class="dib p5 white bgpurple">bgpurple</b></span>
					<span class="dib w100 mt5"><b class="dib p5 white bgteal">bgteal</b></span>
					<span class="dib w100 mt5"><b class="dib p5 white bgnavy">bgnavy</b></span>
					<span class="dib w100 mt5"><b class="dib p5 white bgmaroon">bgmaroon</b></span>
					<span class="dib w100 mt5"><b class="dib p5 white bgorange">bgorange</b></span>
					<span class="dib w100 mt5"><b class="dib p5  bgyellow4 black tswhite">bgyellow</b></span>
					<span class="dib w100 mt5"><b class="dib p5 white bggray">bggray</b></span>
					<span class="dib w100 mt5"><b class="dib p5 white bgblack">bgblack</b></span>
					<span class="dib w100 mt5"><b class="dib p5 white bgc3">bgc3</b></span>
					<span class="dib w100 mt5"><b class="dib p5  bgwhite black tswhite">bgwhite</b></span>
					<span class="dib w100 mt5"><b class="dib p5  bgwhite-1 gray tswhite">bgwhite-1</b></span>
				</p>
			</div>
		</div>

		<div class="row mt10">
			<div class="span12 bdc">
				<h3 class="tc bgwhite-1 p5 gray fm">自定义色系[按钮] 样式前加减数字 最大为+/-5</h3>
				<p class="p10">
					<span class="dib w100 mt5"><b class="btn bgred-4">bgred-4</b></span>
					<span class="dib w100 mt5"><b class="btn bggreen2">bggreen2</b></span>
					<span class="dib w100 mt5"><b class="btn bgblue3">bgblue3</b></span>
					<span class="dib w100 mt5"><b class="btn bgpurple">bgpurple</b></span>
					<span class="dib w100 mt5"><b class="btn bgteal1">bgteal1</b></span>
					<span class="dib w100 mt5"><b class="btn bgnavy4">bgnavy4</b></span>
					<span class="dib w100 mt5"><b class="btn bgmaroon2">bgmaroon2</b></span>
					<span class="dib w100 mt5"><b class="btn bgorange1">bgorange1</b></span>
					<span class="dib w100 mt5"><b class="btn bgyellow  ">bgyellow</b></span>
					<span class="dib w100 mt5"><b class="btn bggray3">bggray3</b></span>
					<span class="dib w100 mt5"><b class="btn bgblack9">bgblack9</b></span>
					<span class="dib w100 mt5"><b class="btn bgc">bgc</b></span>
					<span class="dib w100 mt5"><b class="btn bgwhite-2 black tswhite">bgwhite-2</b></span>
					<span class="dib w100 mt5"><b class="btn bgwhite-1 gray tswhite">bgwhite-1</b></span>
				</p>
			</div>
		</div>
		<div class="row mt10">
			<div class="span12 bd4 bdgray">
				<h3 class="p5 gray fm bggray5">混搭 -- 可以组合任意样式</h3>
				<p class="p10">
					<span class="dib mr5 mt5"><b class="btn bggreen5 orange">btn bggreen5 orange</b></span>
					<span class="dib mr5 mt5"><b class="btn bgteal5 navy">btn bgteal5 navy</b></span>
					<span class="dib mr5 mt5"><b class="btn bgyellow5 gray"><i class="icon-user"></i> btn bgyellow5</b></span>
					<span class="dib mr5 mt5"><b class="btn bgmaroon yellow">btn bgmaroon yellow</b></span>
					<span class="dib mr5 mt5"><b class="btn bgwhite green">btn bgwhite green</b></span>
				</p>
			</div>
		</div>

		<div class="row mt10">
			<div class="span12 bd5 bdgreen">
				<h3 class="tc bgwhite-1 p5 gray fm">大小变化</h3>
				<p class="p10">
					<span class="dib mt5"><b class="f10 btn bgfuchsia">f10号</b></span>
					<span class="dib mt5"><b class="f11 btn bglime">f11号</b></span>
					<span class="dib mt5"><b class="f12 btn bgred-4">f12号</b></span>
					<span class="dib mt5"><b class="f14 btn bggreen2">f14号</b></span>
					<span class="dib mt5"><b class="f16 btn bgblue3">f16号</b></span>
					<span class="dib mt5"><b class="f18 btn bgpurple">f18号</b></span>
					<span class="dib mt5"><b class="f20 btn bgteal1">f20号</b></span>
					<span class="dib mt5"><b class="f22 btn bgnavy4">f22号</b></span>
					<span class="dib mt5"><b class="f24 btn bgmaroon2">f24号</b></span>
					<span class="dib mt5"><b class="f26 btn bgorange">f26号</b></span>
					<span class="dib mt5"><b class="f28 btn bgaqua">f28号</b></span>
					<span class="dib mt5"><b class="f32 btn bgyellow  ">f32号</b></span>
					<span class="dib mt5"><b class="f36 btn bgolive">f36号</b></span>
				</p>
			</div>
		</div>
	</div>

















<div class="Fixed cp abs w30 bggray white p5 tc f12 fm fixed b10 r10 dn"><i class="icon-arrow-up icon-large mr10 f22"></i> 顶部</div>

</body>
</html>